* {
  padding: 0;
  margin: 0; }

html, body {
  width: 100%;
  height: 100%;
  font-size: 16px !important; }

.container {
  width: 100%;
  height: 100%;
  margin: auto 0;
  overflow: hidden; }
  .container .loginContainer {
    width: 440px;
    height: 100%;
    margin: auto; }
    .container .loginContainer .content-logo {
      margin-top: 100px;
      width: 100%;
      height: 119px;
      text-align: center; }
    .container .loginContainer .input-group {
      margin: 40px 13px;
      width: 414px;
      height: 50px;
      border-radius: 10px !important; }
      .container .loginContainer .input-group input {
        height: 50px !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        background-color: rgba(0, 0, 0, 0.302) !important; }

.input-group-addon {
  border-bottom-left-radius: 10px !important;
  border-top-left-radius: 10px !important;
  padding: 6px 20px; }

.btn-group {
  width: 414px;
  margin-left: 13px; }
  .btn-group .btn-info {
    width: 100% !important;
    border-radius: 10px !important;
    height: 50px;
    font-size: 16px !important; }

.input-group-addon {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: rgba(255, 255, 255, 0.5) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
  background-color: rgba(0, 0, 0, 0.302) !important;
  border-radius: 4px; }

.input-group input {
  background: transparent !important;
  border-bottom-right-radius: 10px !important;
  border-top-right-radius: 10px !important;
  outline: none !important;
  color: rgba(255, 255, 255, 0.5) !important;
  outline: none !important;
  box-shadow: 0 0 0px rgba(255, 255, 255, 0.4) !important;


}


.bgFadeIn{
  background-color: rgba(0, 0, 0, 0.1) !important;
}
